<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8" isELIgnored="false"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ include file="/WEB-INF/views/shared/taglib.jsp"%>
<%
	request.setAttribute("title", "资讯详情");
%>
<%@ include file="/WEB-INF/views/shared/master/weContentHeader.jsp"%>
<style type="text/css">
.thenews {
	padding: 0px 20px;
	margin-top: 15px;
	border-bottom: 4px solid #eee;
}

.thenews>a>p {
	margin: 17px 0px;
	font-size: 18px;
	color: #afafaf;
	font-weight: bold;
}

.info_tittle {
	margin: 20px 15px;
}

.titlehidden {
	-webkit-line-clamp: 3;
}

.totalhide {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
}

.titlehide {
	-webkit-line-clamp: 1;
}

.info_contents {
	line-height: 1.7;
	margin: 0px 18px;
	padding-bottom: 10px;
}

.comment .weui-cell {
	align-items: unset;
}

.comment .weui-cell__bd {
	margin-left: 5px;
	margin-right: 5px;
}

.weui-cells:before {
	border-top: 0px;
}

.weui-cell:before {
	border-top: 0px;
}

.weui-tabbar {
	position: fixed !important;
}

.weui-search-bar__box .weui-search-bar__input {
	width: auto;
}

.weui-search-bar__form {
	height: 1.8rem;
	line-height: 1.8rem;
}

.weui-search-bar__label {
	height: 1.7rem;
	line-height: 1.7rem;
}

.weui-search-bar__cancel-btn {
	color: #1fa0db;
	height: 1.7rem;
	line-height: 1.7rem;
}

.showTwo {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
	.weui-cell:active{
		background-color: rgba(180, 180, 180, 0.2);
	}
</style>
<%@ include file="/WEB-INF/views/shared/master/weTitle.jsp"%>


<div>
	<div class="info_tittle">
		<div class="weui-flex ">
			<div class="weui-flex__item "
				style="flex-grow: 6; justify-content: center; align-items: center; text-align: center;"
				id="test">
				<h2 class="titlehidden totalhide" style="padding-right: 10px">${artical.title}</h2>
			</div>
			<%-- <div class="weui-flex__item" style="flex-grow:1">
				<img class="like starfill" style="width:25px;" src="<c:url value='/images/we/informationDetails/star1.png'/>" />
				<input type="hidden" class="thecollection" value="${like}"/>
			</div> --%>
		</div>
		<p style="color: #afafaf; font-size: 14px; margin-top: 10px">
			<span>作者：${artical.author}</span> <span style="margin-left: 35px">
				<fmt:formatDate value="${artical.createTime}"
					pattern="yyyy-MM-dd HH:mm:ss" />
			</span>
		</p>
	</div>
	<div class="info_contents" style="padding: 0px 5px" id="content">${artical.content}</div>
</div>


<%@ include file="/WEB-INF/views/shared/scripts/jquery.jsp"%>
<%@ include file="/WEB-INF/views/shared/scripts/jqweui.jsp"%>
<%@ include file="/WEB-INF/views/shared/scripts/tabmob.jsp"%>
<script type="text/javascript"
	src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>

<script type="text/javascript">


</script>


<%@ include file="/WEB-INF/views/shared/master/weContentFooter.jsp"%>
